body,html{
    width: 100%;
    height: 100vh;
    background: #ccc;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
}
.head{
    width: 100%;
    .px2rem(height,240);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    border-bottom: 1px solid #ccc;
    background: #fff;   
        .nad{
            width: 100% !important;
            .px2rem(height,100);
            display: flex;
            justify-content: center;
             border-bottom: 1px solid #ccc;
            ul{
                width: 60%;
                display: flex;
                justify-content: center;
                align-items: center;
               
                li{
                    width: 50%;
                    .px2rem(height,100);
                    text-align:center;
                    .px2rem(font-size,36);
                    line-height: 2;
                    font-weight: 800;
                    color: #ccc;
                }
                .active{
                    border-bottom:2px solid #ff4545;
                    color:#ff4545;
                    box-sizing:border-box;
                }
            }
        }
        .shuru{
            width: 100%;
            .px2rem(height,110);
            display: flex;
               ._left{
                   width: 24%;
                   .px2rem(height,110);
                   .px2rem(font-size,38);
                     display: flex;
                     justify-content: center;
                     align-items: center;
                       span{
                           width: 25%;
                           img{
                               width: 70%;
                           }
                       }
               }
               .cent{
                   width: 76%;
                   .px2rem(height,110);
                   display: flex;
                   align-items: center;
                   justify-content: center;
                      input{
                          width: 90%;
                          .px2rem(height,70);
                          border-radius: 50px;
                          .px2rem(font-size,34);
                          .px2rem(padding-left,30);
                          outline: none;
                      }
               }
        }
       
}

._lk{
   .px2rem(margin-top,220);
    .lki{
        .lsk{                
            width: 100%;
            .px2rem(height,310);
            img{
                width: 100%;
                height: 100%;
            }

        }
    }
    .swiper-pagination{
        width: 100%;
        .px2rem(height,25);
        span{
            .px2rem(width,20);
            .px2rem(height,20);
            border-radius: 50px;
        }
    }
}
.asw{
    .px2rem(padding-top,12);
    background: #fff;
    .aqw{
       .wq{
           width: 25%;
           .px2rem(height,120);
           display: flex;
           flex-direction: column;
           justify-content: center;
           align-items: center;
           p{
               .px2rem(font-size,58);

           }
           span{
               .px2rem(font-size,34);
               .px2rem(padding-top,16);
           }
       } 
    }
} 
.huiyuan{
    width: 100%;
    .px2rem(margin-top,20);
    background: #fff;
      .huitop{
          width: 100%;
          .px2rem(height,120);
          border-bottom: 1px solid #ccc;
          h1{
              text-align: center;
              line-height: 3;
              .px2rem(font-size,46);
              font-weight: bold;
          }
      } 
   .div{
       width: 100%;
       .px2rem(height,90);
       background: #fff;
            ul{
               width: 100%;
              .px2rem(height,90);    
               display: flex;
               align-items: center;              
                li{
                      width: 25%;
                      .px2rem(height,70);
                     text-align: center;
                     line-height: 2;
                     .px2rem(font-size,34);
                     border-right: 1px solid #555;
                  }
                .ggg{
                    border-right: none;
                }
            }
   }
     
} 
.xuanran{
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    .px2rem(padding-bottom,140);
    .shuchu{
        width: 90%;
        .px2rem(height,290);
        display: flex;
        flex-wrap: wrap;
        border: 2px solid sandybrown;
        .px2rem(margin-top,20);
            .hui-left{
                width: 25%;
                .px2rem(height,220);
                display: flex;
                justify-content: center;
                align-items: center;
                img{
                    width: 100%;
                }
            }
        .hui-right{
            width: 75%;
            .px2rem(height,220);
                h2{
                    .px2rem(font-size,36);
                    font-weight: bold;
                    color: hotpink;
                    line-height: 2.2;
                    .px2rem(padding-left,20);
                    span{
                        color: #000;
                    }
                }
                .pl1{
                    .px2rem(font-size,32);
                    color: #686868;
                    .px2rem(padding-left,20);
                }
                .pl2{
                    .px2rem(font-size,32);
                    color: #686868;
                        .px2rem(padding-left,20);
                        .px2rem(padding-top,12);
                        span{
                            color: hotpink;
                        }
                }
        } 
        .hui-xia{
            width: 100%;
            .px2rem(height,70);
            display: flex;
            justify-content: space-around;
            border-top: 4px dotted #ccc;
            align-items: center;
                .pn1{
                    .px2rem(font-size,32);
                    color: sienna;
                    .px2rem(padding-top,5);
                }
                .pn2{
                    width: 22%;
                    .px2rem(height,48);
                    background: hotpink;
                    text-align: center;
                    color: #fff;
                    line-height: 1.6;
                    .px2rem(font-size,34);
                }
        } 
    }
} 
.font{
    width: 100%;
    .px2rem(height,130);
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 200;
    border-top: 3px solid #ccc;
    a{
         width: 25%;
        .px2rem(height,130);
        dl{
            width: 100%;
            .px2rem(height,130);
            text-align: center;
            dt{
                .px2rem(font-size,60);
                .px2rem(padding-top,15);
            }
            dd{
                .px2rem(font-size,34);
                .px2rem(padding-top,15);
            }
        }
    }
   
}        